<template>
  <BorderBox10 class="w-full h-full">
    <div class="w-full h-full grid grid-rows-5">
      <Title class="row-span-1 pt-2" :title="`板块使用占比`"></Title>
      <div class="row-span-4  pb-4 px-4 ">
        <Charts v-if="isShowPie" :datas="hierarchy_pie"></Charts>
      </div>
    </div>
  </BorderBox10>
</template>
<script setup>
import { BorderBox10 } from '@kjgl77/datav-vue3'
import Charts from '@/view/memberManager/components/pieBottom.vue'
import Title from '@/view/memberManager/components/title.vue'

const props = defineProps({
  hierarchy_pie: {
    type: Array,
    default: () => []
  },
  isShowPie: {
    type: Boolean,
    default: false
  }
})

</script>

<style scoped>

</style>
